<nz-breadcrumb class="breadcrumb-pos">
  <i nz-icon type="link" theme="outline" style="color:#1890FF;padding-right:4px"></i>
  <nz-breadcrumb-item>
    <a routerLink="/main/maintlist">维修员管理</a>
  </nz-breadcrumb-item>
  <nz-breadcrumb-item>
    维修员详情
  </nz-breadcrumb-item>
</nz-breadcrumb>
<div class="form-div">
    <button class="add_btn" nz-button nzType="primary" routerLink="/main/maintlist">返回</button>
    <br>
  <h4>基础信息</h4>
  <table>
      <tr>
        <td><div>姓名</div><div>：</div><div >{{data[0].name}}</div></td>
        <td><div>手机号</div><div>：</div><div>{{data[0].mobile}}</div></td>
        <td><div>邀请状态</div><div>：</div><div>{{data[0].isJoinOrgStr}}</div></td>
        <td><div>状态</div><div>：</div><div>{{data[0].statusStr}}</div></td>
        <td><div>账号类型</div><div>：</div><div [ngClass]="{'ordinary':data[0].type==0,'Violet':data[0].type==1}">{{data[0].type == 0?"普通":"管理"}}</div></td>
      </tr>
  </table>
  <br>
  <h4>详情信息</h4>
  <table>
      <tr>
        <td><div>完成工单量</div><div>：</div><div>{{data[0].taskOrderSum - data[0].orderTodoSum}}</div></td>
        <td><div>未完成工单量</div><div>：</div><div>{{data[0].orderTodoSum}}</div></td>
        <td><div>故障任务量</div><div>：</div><div>{{data[0].taskErrSum}}</div></td>
        <td><div>预警任务量</div><div>：</div><div>{{data[0].taskEarlySum}}</div></td>
      </tr>
  </table>

  <br>
  <br>
  <br>

  <nz-radio-group [(ngModel)]="radioValue" (ngModelChange)="getRadioValue(false)" style="margin-bottom:12px;">
      <label nz-radio-button [nzValue]="'1'">已完成工单</label>
      <label nz-radio-button [nzValue]="'2'">待完成工单</label>
    </nz-radio-group>
    <nz-table [nzData]="datalist" [nzShowPagination]="false" [nzBordered]="true">
      <thead>
        <tr>
            <th>工单号</th>
            <th>租赁客户</th>
            <th>维修员</th>
            <th>故障条数</th>
            <th>预警条数</th>
            <th>状态</th>
            <th>派单时间 / 到达时间 / 完成时间</th>
            <th>添加时间 / 修改时间</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of datalist">
            <td>{{data.number}}</td>
            <td>{{userinfo[data.userId].companyName}}</td>
            <td>{{maintinfo[data.maintId].name}}</td>
            <td>{{data.faultNum}}</td>
            <td>{{data.warnNum}}</td>
            <td>{{data.statusStr}}</td>
            <td>{{data.startDate?data.startDate.slice(0,10):"--"}} / {{data.reachDate?data.reachDate.slice(0,10):"--"}} /
              {{data.finishDate?data.finishDate.slice(0,10):"--"}}</td>
            <td>{{data.dateAdd.slice(0,10)}} / {{data.dateUpdate?data.dateUpdate.slice(0,10):"--"}}</td>
        </tr>
      </tbody>
    </nz-table>
    <nz-pagination style="float:right;margin-top:12px;" [nzPageIndex]="PageIndex" [nzPageSize]="PageSize" [nzTotal]="PageTotal" (nzPageIndexChange)="PageIndexChange($event)" [nzHideOnSinglePage]="true" [nzShowTotal]="totalTemplate"></nz-pagination>
    <ng-template #totalTemplate let-total>
      共 {{total}} 条数据
    </ng-template>
</div>